import React from 'react';
import ReactDOM from 'react-dom';
import { withRouter, Link, Switch, Route, HashRouter as Router, Redirect } from 'react-router-dom'
import { Menu, Icon } from 'antd';
import 'antd/dist/antd.css';
import '../../static/tero/tero.less';






const SubMenu = Menu.SubMenu;
const MenuItemGroup = Menu.ItemGroup;

class Tero extends React.Component {
    constructor() {
        this.state = {
            list:[1,2,3,4,5,6,7,8]
        }
    }
    handleClick = (e) => {

    }

    render() {
        return (
            <Router>
                <div className='tero'>
                    <Menu
                        onClick={this.handleClick}
                        style={{ width: 256 }}
                        defaultSelectedKeys={['2']}
                        defaultOpenKeys={['sub1']}
                        mode="inline"
                    >
                        <SubMenu key="sub1" title={<span><span>不二</span></span>}>、
                            <Menu.Item key="1" ><Link to='/e'>地图</Link></Menu.Item>
                            <Menu.Item key="2"> <Link to='/b'>附近的人111</Link></Menu.Item>
                            <SubMenu key="sub3" className='temo' title="即时通讯">
                            {
                                this.state.list.map((item,index)=>{
                                    <Menu.Item key= {index+2}><Link to='/d'>不{item}</Link></Menu.Item>
                                })
                            }
                               
                                {/* <Menu.Item key="4"><Link to='/l'>不4</Link></Menu.Item>
                                <Menu.Item key="5"><Link to='/a'>不5</Link></Menu.Item> */}
                            </SubMenu>
                        </SubMenu>
                    </Menu>
                    <div className='right'>
                    
                    </div>
                </div>
            </Router>
        );
    }
}

export default Tero

